<template>
	<view class="no-result">
		<image src="http://recommender.starsky.fun/tpl/Public/xsm/img/empty.png"></image>
		<text>暂时没有{{content}}了哟</text>
	</view>
</template>

<script setup>
	defineProps({
		content:{
			type:String,
			default:''
		}
	})
</script>

<style lang="scss">
	
	.no-result {
		display: flex;
		flex-direction: column;
		
		image {
			align-self: center;
			height: 8rem;
			width: 8rem;
			margin-top: 1.5rem;
		}
		
		text{
			width: 100%;
			height: 2rem;
			line-height: 2rem;
			text-align: center;
			margin: 0.5rem 0 1.5rem;
			color: #a7a7a7;
			font-size: 14px;
		}
	}
</style>